<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../resources/main.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns="http://www.w3.org/1999/xhtml">

    <ui:define name="content">     

        <h:outputStylesheet library="css" name="estilo.css" />
        <p:separator />
        <div class="pagina">
            Cadastro de Município
        </div>
        <p:separator />

        <h:form id="cadListCidade">           
            <p:growl />              
            <h:panelGrid columns="6" >
                <h:outputLabel value="UF.:" for="uf" styleClass="lb" />
                <h:selectOneMenu id="uf" value="#{mbCidade.estado}" valueChangeListener="#{mbCidade.carregarCidade}" styleClass="tx" immediate="true" style="width: 220px;">
                    <f:selectItem itemValue="#{null}" itemLabel="Selecionar" />
                    <f:selectItems value="#{bbEstado.estados}" var="e" itemValue="#{e.sigla}" itemLabel="#{e.estado}" />                
                    <f:ajax render="municipio" event="valueChange" />
                </h:selectOneMenu> 

                <h:outputLabel value="Município.:" for="municipio" styleClass="lb" />
                <h:selectOneMenu id="municipio" value="#{mbCidade.codigo}" valueChangeListener="#{mbCidade.carregarCidadeUtil}" styleClass="tx" style="width: 220px;" required="true" requiredMessage="Selecione uma cidade">
                    <f:selectItem itemValue="#{null}" itemLabel="Selecionar" noSelectionOption="true"/>
                    <f:selectItems value="#{mbCidade.cidadeUtils}" var="c" itemValue="#{c.idCidade}" itemLabel="#{c.cidade}" />                    
                    <p:ajax update=":ativaCidade" />
                </h:selectOneMenu>               
            </h:panelGrid>
        </h:form>
        <p:separator />
        <h:form id="ativaCidade">
            <fieldset><legend style="font-size: 18px; color: #D20005">Ativar Município</legend>
                <h:inputHidden value="#{mbCidade.cidade.idCidade}" />
                <h:panelGrid columns="10">                                 
                    <h:outputLabel value="Cod IBGE.:" styleClass="lb" />
                    <h:inputText value="#{mbCidade.cidade.codigo}" styleClass="tx"  size="12" disabled="true" />
                    <h:outputLabel value="Municipio.:" styleClass="lb" />
                    <h:inputText value="#{mbCidade.cidade.cidade}" styleClass="tx" size="40" disabled="true" />
                    <h:outputLabel value="UF.:" styleClass="lb" />
                    <h:inputText value="#{mbCidade.cidade.uf}" styleClass="tx" size="5" disabled="true" />
                    <h:outputLabel value="Ativa.:" styleClass="lb" />
                    <h:selectBooleanCheckbox value="#{mbCidade.cidade.ativo}"  styleClass="tx" />
                    <h:outputLabel value="Consorcio.:" styleClass="lb" />
                    <h:selectBooleanCheckbox value="#{mbCidade.cidade.consorcio}" styleClass="tx" />                
                </h:panelGrid>

                <h:panelGrid columns="3">
                    <h:outputLabel />
                    <h:outputLabel />
                    <h:panelGroup style="padding-left: 30px;">                    
                        <p:commandButton value="Cancelar" actionListener="#{mbCidade.limparCidade}" update="@form" ajax="false"/>   
                        <p:commandButton value="Salvar" action="#{mbCidade.salvarCidade}" update=":cidTab" ajax="false"/>
                    </h:panelGroup>
                </h:panelGrid>
            </fieldset>
        </h:form>
        <p:separator />
        <h:form id="frmPesqCidade">
            <fieldset><legend style="font-size: 18px; color: #D20005">Pesquisar Município</legend>
                <h:panelGrid columns="3">                   
                    <h:outputLabel value="Município.:" styleClass="lb" />
                    <h:inputText value="#{mbCidade.pesquisa}" styleClass="tx" style="color: #D20005;" size="35" onkeyup="this.value = this.value.toUpperCase()"/>                              
                    <p:commandLink action="#{mbCidade.pesquisarCidades}" ajax="false" title="Click para realizar a pesquisa" update="cidTab">
                        <h:graphicImage library="img" name="lupa2.bmp" />
                    </p:commandLink>                 
                </h:panelGrid>
            </fieldset>
        </h:form>
        <h:form id="cidTab">
            <p:dataTable value="#{mbCidade.cidades}" var="c" scrollable="true" scrollHeight="150">
                <p:column headerText="Codigo" style="text-align: center; font-size: 12px;">
                    <h:outputText value="#{c.codigo}" styleClass="txt" />
                </p:column>
                <p:column headerText="Municipio" style="text-align: left; font-size: 12px;">
                    <h:outputText value="#{c.cidade}" styleClass="txt" />
                </p:column>
                <p:column headerText="Estado" style="text-align: center; font-size: 12px;">
                    <h:outputText value="#{c.uf}" styleClass="txt" />
                </p:column>
                <p:column headerText="Consorcio" style="text-align: center; font-size: 12px;">
                    <h:outputText value="SIM" styleClass="txt" rendered="#{c.consorcio}"/>
                    <h:outputText value="NÃO" styleClass="txt" rendered="#{!c.consorcio}"/>
                </p:column>
            </p:dataTable>
        </h:form>       
    </ui:define>
</ui:composition>
